Skip to content

Remake the portfolio as an interactive koi pond - #48

Open
luinbytes wants to merge 5 commits into
masterfrom
t3code/remake-personal-portfolio
Open

Remake the portfolio as an interactive koi pond#48
luinbytes wants to merge 5 commits into
masterfrom
t3code/remake-personal-portfolio

Conversation

@luinbytes

@luinbytes luinbytes commented Aug 31, 2026

Copy link
Copy Markdown
Owner

What changed

  • Replaces the flat aquarium treatment with a photorealistic top-down garden pond, restrained Frutiger Aero glass, Y2K utility type, and subtle glitter.
  • Uses PixiJS and the maintained Pixi Filters package for continuous texture-driven water refraction, a localized finger depression, and a purely refractive click wave.
  • Animates both koi as deforming meshes with slow cruising, proximity-weighted steering, gradual velocity changes, depth tint, and soft optical shadows.
  • Reframes the page around the stronger hook: I make stubborn software behave.
  • Keeps the portfolio focused on Orchid.ai, Rakazo plus merged upstream work, linux-sonar, and HomeBot.
  • Retains Iniuria.us work, open-source projects, contact, legacy concept routes, keyboard focus, and a static reduced-motion fallback.
  • Prevents text selection while stirring the pond and removes the instructional water widget.

Rendered previews

Interactive koi pond portfolio at desktop size

Interactive koi pond portfolio at mobile size

Visual QA

  • Desktop at 1440 by 900: PASS
  • Mobile at 390 by 844: PASS
  • Hero, all four project states, About, Iniuria.us, supporting work, contact, and footer: PASS
  • Continuous refraction, pointer response, click wave, koi deformation, gradual steering, depth treatment, and viewport bounds: PASS
  • Real pointer drag leaves no text selection; the fish reaction decays back to idle: PASS
  • Reduced motion and horizontal overflow: PASS
  • Tailnet production preview: PASS

Verification

  • npm run lint -- --quiet: passed.
  • npx tsc --noEmit: passed.
  • npm run build: passed with 16 statically rendered pages.
  • Portfolio browser tests: 4 passed, including pointer response, selection suppression, widget removal, reduced motion, responsive project navigation, and legacy routes.
  • Fresh production screenshots inspected after the final motion pass.
  • Final git diff --check: clean.

Review focus

This stays open for visual approval. The production preview remains available on the existing tailnet URL.

@luinbytes luinbytes changed the title Three interactive portfolio directions Remake the portfolio as an interactive Signal Desk Sep 1, 2026
@luinbytes luinbytes changed the title Remake the portfolio as an interactive Signal Desk Remake the portfolio as an interactive koi pond Sep 1, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant